<template>
        <el-container style="user-select: none; height: 100vh;">
        <el-header>
            <div><img src="../../assets/1.png" class="image"></div>
            <div class="log-font">抖阳管理员中心</div>
        </el-header>
        <el-container>
            <el-aside width="160px" style="height: 100%; border-right: 1px solid #dcdcdc;">
                <el-menu router :default-active="path">
                    <el-menu-item index="/admin/home">
                        <el-icon style="font-size: 26px;"><House /></el-icon>
                        <span style="margin-left: 5px;"> 首页</span>
                    </el-menu-item>

                    <el-menu-item index="/admin/systemAnswer">
                        <el-icon style="font-size: 26px;"><EditPen /></el-icon>
                        <span style="margin-left: 5px;">客服问答管理</span>
                    </el-menu-item>

                    <el-menu-item index="/admin/seekKill">
                        <el-icon style="font-size: 26px;"><EditPen /></el-icon>
                        <span style="margin-left: 5px;">秒杀管理</span>
                    </el-menu-item>

                    <el-menu-item index="/admin/client">
                        <el-icon style="font-size: 26px;"><EditPen /></el-icon>
                        <span style="margin-left: 5px;">授权系统管理</span>
                    </el-menu-item>

                    <el-menu-item index="/admin/orderLog">
                        <el-icon style="font-size: 26px;"><Document /></el-icon>
                        <span style="margin-left: 5px;">订单日志</span>
                    </el-menu-item>

                </el-menu>
            </el-aside>

            <el-main>
                <div>
                    <RouterView />
                </div>
            </el-main>
        </el-container>
    </el-container>
</template>

<script setup lang="ts">
    import { useRoute } from 'vue-router';

    let html=document.documentElement
    html.className='dark'
    const path=useRoute().path
</script>

<style scoped>
    .image {
        width: 40px;
        float: left;
    }

    .log-font {
        font-size: 20px;
        font-weight: 600;
        margin-left: 15px;
        margin-top: 6px;
        float: left;
    }  
</style>